.xdh-go {
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .xdh-go__menu {
    background: $xdh-go-menu-background;
    color: $xdh-go-menu-color;
    z-index: 999;
    border-radius: 5px;
  }
  .xdh-go__box {
    cursor: pointer;
    background-color: $xdh-go-box-color;
    padding: 0;
    margin: $xdh-go-box-margin;
    min-width: $xdh-go-box-width;
    border-radius: $xdh-go-box-radius;
    border: 1px solid $xdh-go-box-border-color;
    font-size: $xdh-go-box-fontsize;
    display: inline-block;
    padding: $xdh-go-box-padding;
    text-align: center;
    .box {
      margin-top: -8px;
    }
    .icon-con {
      height: 40px;
      line-height: 40px;
    }
    &.disabled {
      cursor: not-allowed;
      color: $xdh-go-box-disabled-color;
    }
    .submenu {
      color: $xdh-go-box-text-color;
      display: block;
      margin-top: -8px;
      .disabled {
        cursor: not-allowed;
        color: $xdh-go-box-disabled-color;
        pointer-events: none;
      }
    }
  }
  
  .xdh-go__dropdown.el-dropdown-menu {
    padding: 5px 0;
    border: 1px solid $xdh-go-dropdown-border-color;
    background-color: $xdh-go-dropdown-background;
    .el-dropdown-menu__item {
      line-height: 25px;
      color: $xdh-go-dropdown-text-color;
      &.is-disabled {
        color: $xdh-go-dropdown-disabled-color;
      }
      &:not(.is-disabled):hover,
      &.active {
        background-color: $xdh-go-dropdown-active-color;
        color: #fff;
      }
    }
    & /deep/ .popper__arrow {
      border-bottom-color: $xdh-go-popover-border-color;
      &:after {
        border-bottom-color: $xdh-go-popover-border-color2;
      }
    }
  }
  .xdh-go__tips {
    &.el-alert--warning.is-light {
      position: fixed;
      top: 10px;
      z-index: 999;
      width: 400px;
      left: 50%;
      margin-left: -200px;
    }
  }
  